<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人首页</title>

    <!--引入-->
    <link rel="stylesheet"
          href="../websrc/bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="../websrc/plug-in/vue.js"></script>
    <script src="../websrc/js/jquery-3.2.1.js"></script>

    <link rel="stylesheet" href="../websrc/css/base.css">
    <link rel="stylesheet" href="mypage.css">


    <script src="../websrc/js/loadmenu.js"></script>
    <script src="loaddata.js"></script>
</head>
<body>
    <div class="main clearfix">
        <div id="menu1" class="menu">
            <div>
                <h2 style="">wing</h2>欢迎回来
            </div>
            <ul>
                <li  v-for="menu in menus" >
                    <a v-bind:class="{active:menu.isActive}" v-bind:href="menu.href">
                        {{menu.name}}
                    </a>
                </li>
            </ul>
        </div>
        <div class="content">
            <!--<div style="margin: 0 auto;width:1198px;height: 548px;border: 1px solid slategray">-->
                <div class="row">
                    <div class="col-lg-6">
                        <div id="todayStatu">
                            <h2>今天学习情况</h2>
                            <h3>连续打卡<span>0</span>天</h3>
                            <h3 v-if="spendTime > 0">
                                今天在<span>{{spendTime}}</span>内学习了<span>{{studyNew+studyReview}}</span>卡片
                            </h3>
                            <h3 v-else>
                                今天在<span>0</span>分钟内学习了<span>0</span>张卡片
                            </h3>
                            <br>

                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div id="historyStatus">
                            <h2>历史学习情况</h2>
                            <div id="historyStatus_chart">图表加载中...</div>
                        </div>
                    </div>
                </div>
                <div class="row">

                    <div class="col-lg-6">
                        <div id="recent">
                            <h2>最近学习</h2>
                            <span style="color: #1abc9c;font-size: 20px" v-if="decks.length < 1">最近没有学习的牌组哦</span>
                            <ul>
                                <li v-for="deck in decks">
                                    <img src="../websrc/img/book.png" alt="牌组" width="30" height="30">
                                    <a style="font-size: 28px">{{ deck.deckName }}</a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div id="defficultCard">
                            <h2>学习难点</h2>
                            <span style="color: #1abc9c;font-size: 20px" v-if="cardList.length < 1">还没有难点笔记哦</span>
                            <ul>
                                <li v-for="card in cardList">
                                    <!--<img src="../websrc/img/book.png" alt="牌组" width="30" height="30">-->
                                    <a style="font-size: 28px">{{ card.noteTitle }} : {{ card.cardStyleName}}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--<div class="row">-->
                    <!--<div class="btns"  align="center" >-->
                        <!--<form id="fileForm" action="/memorypalace/import/uploadtxt.action" enctype="multipart/form-data">-->
                            <!--<input type="file" name="file" accept="text/csv,text/plain" style="display: none" onchange="selectedFile(this)">-->
                        <!--</form>-->
                        <!--<button class="btn btn-default" onclick="inputFile()">-->
                            <!--导入文件-->
                        <!--</button>-->
                        <!--<a class="btn btn-default" href="/memorypalace/study/getsl.action">-->
                            <!--开始学习-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
    <!--插件-->
    <script type="text/javascript" src="../websrc/plug-in/fusioncharts/js/fusioncharts.js"></script>
    <script type="text/javascript" src="../websrc/plug-in/fusioncharts/js/themes/fusioncharts.theme.fint.js"></script>

</body>
</html>